import Toast from '../../../../components/vant-weapp/toast/toast'
import axios from '../../../../utils/request'
const app = getApp()

const citys = {
  浙江: ['杭州', '宁波', '温州', '嘉兴', '湖州'],
  福建: ['福州', '厦门', '莆田', '三明', '泉州']
}

Page({
  /**
   * 页面的初始数据
   */
  data: {
    prot: {
      qoyungang: { label: '请选择启运港' },
      mudigang: { label: '请选择目的港' }
    },
    // columns: ['杭州', '宁波', '温州', '嘉兴', '湖州'],
    columns: [
      {
        values: Object.keys(citys),
        className: 'column1'
      },
      {
        values: citys['浙江'],
        className: 'column2',
        defaultIndex: 2
      }
    ],
    defaultSize: 'default',
    primarySize: 'default',
    warnSize: 'default',
    disabled: false,
    plain: false,
    loading: false,
    list: [
      1,
      2,
      3,
      4,
      5,
      6,
      7,
      8,
      9,
      10,
      11,
      12,
      13,
      14,
      15,
      16,
      17,
      18,
      17,
      20
    ],
    show: false
  },

  // // todo 监听页面高度(上滑或者下滑)
  // onPageScroll: function (e) {
  //   console.log('打印当前页面滚动的距离=', e)
  //   let goTopStatus = e.scrollTop > 100
  //   // 页面距离大于100px,则显示回到顶部控件
  //   this.setData({ goTopStatus })
  // },

  // // todo 回到顶部，内部调用系统API
  // goTop: function (e) {
  //   if (wx.pageScrollTo) {
  //     wx.pageScrollTo({
  //       scrollTop: 0, // scrollTop	Number	是	滚动到页面的目标位置（单位px）
  //       duration: 50 // duration	Number	否	滚动动画的时长，默认300ms，单位 ms
  //     }) } else {
  //     wx.showModal({
  //       title: '提示',
  //       content: '当前微信版本过低，暂无法使用该功能，请升级后重试。'
  //     })
  //   }
  // },

  showPopup (e) {
    // this.getTabBar().setData({ tabBarVisible: false })
    // this.setData({ show: true, brand: e.currentTarget.dataset.brand })

    console.log(e.currentTarget.dataset.brand)
    let brand = e.currentTarget.dataset.brand
    const that = this
    if (brand == 'qoyungang') {
      wx.navigateTo({
        url: '/pages-common/search/search?placeholderType=启运港',
        events: {
          // 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据
          acceptDataFromOpenedPage: function (data) {
            console.log(data)
            that.data.prot.qoyungang.label = data.data
            that.setData({
              prot:that.data.prot
            })
          },
          // someEvent: function (data) {
          //   console.log(data)
          // }
        },
        success: function (res) {
          // 通过eventChannel向被打开页面传送数据
          res.eventChannel.emit('acceptDataFromOpenerPage', {
            data: '向打开页面传送数据'
          })
        }
      })
    } else if (brand == 'mudigang') {
      wx.navigateTo({
        url: '/pages-common/search/search?placeholderType=目的港',
        events: {
          // 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据
          acceptDataFromOpenedPage: function (data) {
            console.log(data)
            that.data.prot.mudigang.label = data.data
            that.setData({
              prot:that.data.prot
            })
          },
          someEvent: function (data) {
            console.log(data)
          }
        },
        success: function (res) {
          // 通过eventChannel向被打开页面传送数据
          res.eventChannel.emit('acceptDataFromOpenerPage', {
            data: '向打开页面传送数据'
          })
        }
      })
    }
  },

  onClose () {
    this.setData({ show: false })
    this.getTabBar().setData({ tabBarVisible: true })
  },

  handleChange (event) {
    console.log(this.data)
    const { picker, value, index } = event.detail
    let brand = this.data.brand
    picker.setColumnValues(1, citys[value[0]])
    if (brand == 'qoyungang') {
      this.data.prot.qoyungang.label = value
    } else if (brand == 'mudigang') {
      this.data.prot.mudigang.label = value
    }

    this.setData({ prot: this.data.prot })
    // Toast(`当前值：${value}, 当前索引：${index}`)
  },

  getPhoneNumber (e) {
    console.log(e.detail.cloudID, '获取到手机号')
    console.log(e.detail.iv)
    console.log(e.detail.encryptedData)

    if (e.detail.errMsg == 'getPhoneNumber:ok' || e.detail.cloudID) {
      axios
        .request(
          `${'http://192.168.1.115:8088'}/auth/registUserAndBindOpenid`,
          {
            data: {},
            method: 'POST'
          }
        )
        .then(res => {
          console.log(res)
        })

      console.log(res, '发送 res.code 到后台换取 openId, sessionKey, unionId')

      wx.navigateTo({
        url: '/components/logistics/search-price/search-price'
      })
    }
  },

  /**
   * 获取海运整柜list
   */
  getShippingForPage: function () {
    axios
      .request(`${app.globalData.commonURL}/freightItem/freightfee`, {
        data: {
          token: app.globalData.token,
          loadingPort: '796',
          destinationPort: '798',
          auditStatus: 'NEW',
          status: 'ENABLE',
          current: 1,
          pageSize: 10
        },
        method: 'POST'
      })
      .then(res => {
        if (res.data.code === '0' && res.data.data) {
          wx.setStorage({
            key: 'shippingList',
            data: res.data.data.list
          })
          wx.navigateTo({
            url:
              '/components/logistics/ocean-shipping/components/ocean-shipping-bar'
          })
        }
      })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {},

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    // this.getTabBar().setData({ active: 0 })
    this.getTabBar().init()
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {},

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {},

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {},

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {}
})
